<!--- dont need this header
<div id="main" class="palm-hasheader">
	<div class="palm-header middle" id="main-hdr">
	  PREtracker 0.6
	</div>
</div>
-->

<div id="error_area-to-update"></div>
<div id="GPS_error_area-to-update"></div>

<div>
<table width="100%">
<tr>
<td width="75%"><div name="StartButton" id="StartButton" x-mojo-element="Button" x-mojo-tap-highlight="persistent"></div></td>
<td width="25%"><div name="Stop" id="Stop" x-mojo-element="Button"></div></td>
</tr>
</table>
</div>

<div class="palm-group" style="padding:0px 0px ; margin: 5px 5px 5px 5px;">
	<div class="palm-group-title" style="text-align: center">Time (hr:min:sec)</div>
	<div class="palm-list" style="padding:0px 0px">
		<p class="time" id="time"> 
		</p>
	</div>
</div>

<table height="100%">
<td width="160px">
	<div class="palm-group" style="margin: 0px 1px 1px 1px" >
		<div class="palm-group-title" style="text-align: center">Pace (min/mi)</div>
		<div class="palm-list">
			<p class="speedpace" id="pace1"></p>
		</div>
	</div>
</td>

<td width="160px">
	<div class="palm-group" style="margin: 1px 1px 1px 1px">
		<div class="palm-group-title" style="text-align: center">Speed (mph)</div>
		<div class="palm-list">
			<p class="speedpace" id="speed1"></p>
		</div>
	</div>
</td>
</table>

<table height="100%">
<td width="160px">
	<div class="palm-group" style="margin: 0px 1px 1px 1px" >
		<div class="palm-group-title" style="text-align: center">Distance (mi)</div>
		<div class="palm-list">
			<p class="speedpace" id="distance1"></p>
		</div>
	</div>
</td>

<td width="160px">
	<div class="palm-group" style="margin: 1px 1px 1px 1px">
		<div class="palm-group-title" style="text-align: center"> Average Speed </div>
		<div class="palm-list">
			<p class="speedpace" id="avespeed1"></p>
		</div>
	</div>
</td>
</table>




	
<div class="palm-group unlabeled">
	<div class="palm-list">
		<div class="palm-row single">
			<div id="toggle1" name="toggle1" x-mojo-element="ToggleButton"></div>
			<div class="title" x-mojo-loc="">Statistics</div>
		</div>
	</div>
</div>

<div id="hiddenlist" x-mojo-element="Drawer">
	<div class="palm-list">
		<div class="palm-row first" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Latitude
				</div>
				<div class="title tuncating-text" id="latitude">
					
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Longitude
				</div>
				<div class="title tuncating-text" id="longitude">
					
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Average Speed
				</div>
				<div class="title tuncating-text" id="avespeed">
				
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Average Pace
				</div>
				<div class="title tuncating-text" id="avgPace">
				
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Speed
				</div>
				<div class="title tuncating-text" id="speed">
					
				</div>
			</div>
		</div>
		<!---
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Speed(mph)[d/t]
				</div>
				<div class="title tuncating-text" id="speed2">
					
				</div>
			</div>
		</div>
		 
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Mile Pace(m/Mi)[V]
				</div>
				<div class="title tuncating-text" id="pace">
					
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Mile Pace(m/Mi)[d/t]
				</div>
				<div class="title tuncating-text" id="speed3">
					
				</div>
			</div>
		</div>--->
		<div class="palm-row " x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Distance Traveled (miles)
				</div>
				<div class="title tuncating-text" id="distance">
					
				</div>
			</div>
		</div>
		<div class="palm-row " x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Vertical Travel(feet)[V]
				</div>
				<div class="title tuncating-text" id="distance2">
					
				</div>
			</div>
		</div>
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Altitude (feet)
				</div>
				<div class="title tuncating-text" id="altitude">
					
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Horizontal Accuracy (feet)
				</div>
				<div class="title tuncating-text" id="horiz">
					 
				</div>
			</div>
		</div>
		
		<div class="palm-row" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Veritcal Accuracy (feet)
				</div>
				<div class="title tuncating-text" id="vert">
					 
				</div>
			</div>
		</div>
		<div class="palm-row last" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="label" >
					Number of Coordinate Refreshed
				</div>
				<div class="title tuncating-text" id="refreshes">
					0
				</div>
			</div>
		</div>
	</div>
</div>


	
	
<div name="LoadMap" id="LoadMap" x-mojo-element="Button"></div>
 <div name="EmailGPX" id="EmailGPX" style="display:none" x-mojo-element="Button"></div>
 
 <div name="EmailCoords" id="EmailCoords" style="display:none" x-mojo-element="Button"></div>


